// 定义Food类
class Food{
  element:HTMLElement
  constructor(){
    this.element = document.querySelector('#food')!
  }

  // 定义坐标属性描述
  get X():number{
    return this.element.offsetLeft
  }

  get Y():number{
    return this.element.offsetTop
  }

  // 定义改变坐标方法
  changeSite():void{
    // 定义food出现的随机坐标，范围0-290之间的整10数
    const x = Math.floor(Math.random()*30)*10
    const y = Math.floor(Math.random()*30)*10

    // 赋值
    this.element.style.left = `${x}px`
    this.element.style.top = `${y}px`
  }
}


export default Food;